この手順では、Visual Studio で、DragDropManager for WPF/Silverlight を使用してユーザー操作を管理する WPF または Silverlight アプリケーションを作成します。

コントロールを設定してアプリケーションに追加するには、次の手順に従います。

1. Visual Studio で、［ファイル］→［新規作成］→［プロジェクト］を選択します。

2. ［新しいプロジェクト］ダイアログボックスの左ペインから言語を選択し、テンプレートリストから［WPF/Silverlight アプリケーション］を選択します。プロジェクトの名前（たとえば、「QuickStart」）を入力し、［OK］をクリックします。［新しい WPF アプリケーション］ダイアログボックスが表示されます。

3. ［OK］をクリックしてデフォルト設定を受け入れ、［新しい WPF/Silverlight アプリケーション］ダイアログボックスを閉じると、プロジェクトが作成されます。MainPage.xaml ファイルが開きます。

4. ソリューションエクスプローラウィンドウでプロジェクトを右クリックし、［参照の追加］を選択します。

5. 参照の追加ダイアログボックスで、以下のアセンブリを見つけて選択し、［OK］をクリックしてプロジェクトに参照を追加します。

   • WPF: C1.WPF.4.dll
   • Silverlight: C1.Silverlight.5.dll

6. プロジェクトの XAML ウィンドウで、カーソルを <Grid> タグと </Grid> タグの間に置き、１回クリックします。

7. 次の XAML マークアップを MainPage.xaml ファイルの <Grid> タグと </Grid> タグの間に追加します。

XAML

コードのコピー

Grid x:Name="ddGrid" Background="Lavender" ShowGridLines="True" Width="400" Height="300" > <Grid.RowDefinitions> <RowDefinition/> <RowDefinition/> <RowDefinition/> <RowDefinition/> <RowDefinition/> <RowDefinition/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition/> <ColumnDefinition/> <ColumnDefinition/> <ColumnDefinition/> <ColumnDefinition/> <ColumnDefinition/> </Grid.ColumnDefinitions> <TextBlock Text="ドラッグで" FontSize="14" Grid.Row="1" Grid.Column="2" /> <TextBlock Text="移動できます" FontSize="14" Grid.Row="3" Grid.Column="4" /> <Rectangle Fill="Red" Grid.Row="2" Grid.Column="0"/> <Rectangle Fill="Blue" Grid.Row="0" Grid.Column="4"/> </Grid>

このマークアップは、TextBlock コントロールや Rectangle コントロールをそれぞれ別の領域に置けるように、いくつかの行定義を含むグリッドを作成します。

ここまでの成果

WPF/Silverlight アプリケーションを正しく作成および設定し、コントロールをページに追加しました。次の手順では、機能を追加するコードをアプリケーションに追加します。